{extend name="public:layout" /}

{block name="title"}首页{/block}

{block name="head"}
<link rel="stylesheet" href="/public/home/plugins/amazeui/css/index.css">
<style>
    .am-tabs-default .am-tabs-nav a {
        color: #fff;
        line-height: 25px;
    }
    .am-tabs-default .am-tabs-nav>.am-active a{
        background:#fff;
        color: #4d4d4d;
    }
    .am-tabs-default .am-tabs-nav>.am-active a>p:first-child{
        background:#ED7745;
        color: #fff;
    }
    .am-selected {
        width: 80px;
    }
    .am-selected-status {
        text-align: left;
        width: 100%;
        display: block;
        word-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 11px;
        padding: 3px 0px;
    }
    [data-am-widget=tabs] {
        /* margin: 10px; */
    }
</style>
{/block}

{block name="body"}


<!--头部-->
<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
        合同订单
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="../xinjiankehu/xinjiankehu.html" style="color:#4d4d4d;">新建</a>
    </div>



<!--主要内容-->
<div style="min-height: 100px;border-bottom: 1px solid #eee;background: #fff;">
    <div data-am-widget="tabs" class="am-tabs am-tabs-default" style="margin: 0px;">
        <div class="am-g" style="text-align: center;background: #fff;margin: 10px 0px;">
            <div class="am-u-sm-4" style="padding: 0px;">
                <select data-am-selected>
                    <option value="a" selected>搜索</option>
                </select>
            </div>
            <div class="am-u-sm-4" style="padding: 0px;">
                <select data-am-selected>
                    <option value="a" selected>筛选</option>
                    <option value="b">合同金额</option>
                    <option value="o">负责人</option>
                </select>
            </div>
            <div class="am-u-sm-4" style="padding: 0px;">
                <select data-am-selected>
                    <option value="a" selected>排序</option>
                    <option value="b">默认</option>
                    <option value="o">添加时间正序</option>
                    <option value="o">添加时间正序</option>
                    <option value="o">添加时间正序</option>
                    <option value="o">添加时间正序</option>
                </select>
            </div>
        </div>
        <div class="am-tabs-bd" style="border: none;">
            <div data-tab-panel-0 class="am-tab-panel am-active" style="background: #eee;">
                <div style="min-height: 40px;">
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:10px;">
                            <img src="../../image/spt.jpg" alt="" style="width:40px;height:40px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin: 10px 0;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;padding-bottom: 5px;font-size: 14px;">合同编号</p>
                                    <P style="margin: 0px;font-size: 14px;">装修</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;padding-left: 5px;margin-left: -6rem;"><span>苏晨珑负责</span>|<span>我的客户</span></P>
                            <p style="    font-size: 14px;margin: 0px;font-weight: 200;padding-left: 5px;margin-left: -6rem;">签订日期：
                                <span>2017-11-03</span>
                            </p>
                            <p style="    font-size: 14px;margin: 0px;font-weight: 200;padding-left: 5px;margin-left: -6rem;">合同金额：
                                <a href="kehuxinxi.html" style=" #fff;border-radius: 16px;padding: 3px 10px;outline: none;font-size: 14px;  padding-left: 0px;">10000元</a>
                            </p>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:10px;">
                            <img src="../../image/spt.jpg" alt="" style="width:40px;height:40px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin: 10px 0;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;padding-bottom: 5px;font-size: 14px;">合同编号</p>
                                    <P style="margin: 0px;font-size: 14px;">装修</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;padding-left: 5px;margin-left: -6rem;"><span>苏晨珑负责</span>|<span>我的客户</span></P>
                            <p style="    font-size: 14px;margin: 0px;font-weight: 200;padding-left: 5px;margin-left: -6rem;">签订日期：
                                <span>2017-11-03</span>
                            </p>
                            <p style="    font-size: 14px;margin: 0px;font-weight: 200;padding-left: 5px;margin-left: -6rem;">合同金额：
                                <a href="kehuxinxi.html" style=" #fff;border-radius: 16px;padding: 3px 10px;outline: none;font-size: 14px;  padding-left: 0px;">10000元</a>
                            </p>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:10px;">
                            <img src="../../image/spt.jpg" alt="" style="width:40px;height:40px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin: 10px 0;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;padding-bottom: 5px;font-size: 14px;">合同编号</p>
                                    <P style="margin: 0px;font-size: 14px;">装修</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;padding-left: 5px;margin-left: -6rem;"><span>苏晨珑负责</span>|<span>我的客户</span></P>
                            <p style="    font-size: 14px;margin: 0px;font-weight: 200;padding-left: 5px;margin-left: -6rem;">签订日期：
                                <span>2017-11-03</span>
                            </p>
                            <p style="    font-size: 14px;margin: 0px;font-weight: 200;padding-left: 5px;margin-left: -6rem;">合同金额：
                                <a href="kehuxinxi.html" style=" #fff;border-radius: 16px;padding: 3px 10px;outline: none;font-size: 14px;  padding-left: 0px;">10000元</a>
                            </p>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:10px;">
                            <img src="../../image/spt.jpg" alt="" style="width:40px;height:40px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin: 10px 0;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;padding-bottom: 5px;font-size: 14px;">合同编号</p>
                                    <P style="margin: 0px;font-size: 14px;">装修</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;padding-left: 5px;margin-left: -6rem;"><span>苏晨珑负责</span>|<span>我的客户</span></P>
                            <p style="    font-size: 14px;margin: 0px;font-weight: 200;padding-left: 5px;margin-left: -6rem;">签订日期：
                                <span>2017-11-03</span>
                            </p>
                            <p style="    font-size: 14px;margin: 0px;font-weight: 200;padding-left: 5px;margin-left: -6rem;">合同金额：
                                <a href="kehuxinxi.html" style=" #fff;border-radius: 16px;padding: 3px 10px;outline: none;font-size: 14px;  padding-left: 0px;">10000元</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>

<!--底部-->
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
     id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="background:#fff;border:1px solid #eeeeee;">
        <li >
            <a href="../shouye.html" class="">
                <span class="icon iconfont icon-yijianfankui" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">数据</span>
            </a>
        </li>
        <li>
            <a href="../xiaoxi/xiaoxi.html" class="">
                <span class="icon iconfont icon-xiaoxizhongxin" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">消息</span>
            </a>
        </li>
        <li>
            <a href="../kehuhuaxiang/kehuliebiao.html" class="">
                <span class="icon iconfont icon-dingdan" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">客户列表</span>
            </a>
        </li>
        <li >
            <a href="../wodezhongxin/wode.html" class="" style="margin-top: 5px;">
                <span class="icon iconfont icon-wodejuhuasuan" style="color:#6F6F6F;"></span>
                <span class="am-navbar-label" style="color:#6F6F6F;">我的</span>
            </a>
        </li>
    </ul>
</div>
    {include file="public/foot"/}
    {/block}

    {block name="script"}



    {/block}